<!DOCTYPE html>
<html lang="zh">

<head>
    <title>大小写转换</title>
    <link id="theme" rel="stylesheet" type="text/css" href="../css/light.css">
    <link rel="stylesheet" type="text/css" href="../css/fonts.css">
</head>

<body class="dialogBody" onload="new ChangeCase();">
    <table class="fill_width">
        <tr>
            <td class="middle">
                <input type="radio" id="sentence" name="case" value="sentence">
            </td>
            <td class="middle noWrap fill_width">
                <label for="sentence">句首大写</label>
            </td>
        </tr>
        <tr>
            <td class="middle">
                <input type="radio" id="lowercase" name="case" value="lowercase">
            </td>
            <td class="middle noWrap fill_width">
                <label for="lowercase">全部小写</label>
            </td>
        </tr>
        <tr>
            <td class="middle">
                <input type="radio" id="uppercase" name="case" value="uppercase" checked>
            </td>
            <td class="middle noWrap fill_width">
                <label for="uppercase">全部大写</label>
            </td>
        </tr>
        <tr>
            <td class="middle">
                <input type="radio" id="title" name="case" value="title">
            </td>
            <td class="middle noWrap fill_width">
                <label for="title">标题式大写</label>
            </td>
        </tr>
        <tr>
            <td class="middle">
                <input type="radio" id="toggle" name="case" value="toggle">
            </td>
            <td class="middle noWrap fill_width">
                <label for="toggle">大小写切换</label>
            </td>
        </tr>
    </table>

    <div class="buttonArea">
        <button id="changeCase">转换大小写</button>
    </div>
    <script src="../js/changeCase.js"></script>
</body>

</html>